<html>
    <head>
        <meta charset="utf8">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <link  rel="stylesheet" href="style.css">
        <title>Chihuo's Websocket Chat Web App</title>
    </head>
    <body>
        <!-- <div id="black-back"></div>      -->
        <div id="connectwindow">
            <div id="serversettings">
                <span id="exit" onclick="hiddenwindow()" title="关闭">X</span>
                <h1 id="tips-connectserver" class="t-center p-l5px">连接服务器</h1>
                <span id="tips-serversite">服务器地址</span>
                <br>
                <div id="connectfrom" class="t-center">
                    <input id="serversite" name="ss" type="text" placeholder="输入以ws://或者wss://开头的链接">
                    <br><br>
                    <button onclick="connectws()" value="connect" id="connectbutton" class="t-center">连接</button>
                </div>
            </div> 
        </div>
       <div id="container">
            <div id="messagecontrol">
                以下是某些聊天信息:
            </div>
            <div id="insertmessage">
                输入聊天内容:<input id="messageinput" name="mi" >
                <button onclick="commitws()" value="commit" id="commitbutton">提交</button>
                <button onclick="openwindow()" value="commit" id="commitbutton">连接服务器</button>
            </div>
        </div>
        <script src="message.js" defer></script>
    </body>
</html>